<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>手机网站</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/app.css">
	<link rel="stylesheet" type="text/css" href="css/recover.css">
</head>

<body>
	<header class="head">
		<ul>
			<li>隐身</li>
			<li>动态</li>
			<li>筛选</li>
		</ul>
	</header>

	<article>
		<div class="first-sec">
			<p>美女<img src="images/girl.png" /></p>
			<ul>
				<li>认证：</li>
				<li><img src="images/i.png" /></li>
				<li><img src="images/m.png" /></li>
				<li><img src="images/p.png" /></li>
				<li><img src="images/v.png" /></li>
			</ul>
			<p>22岁 &nbsp; 170cm &nbsp; 49kg &nbsp; 广州 &nbsp; 颜值：<span class="grade">98</span>分</p>
		</div>
		<div class="one-img-center">
			<img src="images/person4.png" />
		</div>
		<p class="programme">我就是方案部分，我就是方案部分</p>
		<footer>
			<ul class="clearfix">
				<li><span></span>喜欢</li>
				<li><span></span>交往</li>
				<li><span></span>牵线</li>
			</ul>
		</footer>
	</article>

	<div class="footer">
		<footer>
			<ul class="clearfix">
				<li><img src="images/dt_on.png" /></li>
				<li>
					<a href="#">
						<div><img src="images/xx_off.png" /></div>
					</a>
				</li>
				<li>
					<a href="#"><img src="images/fu_off.png"/></a>
				</li>
				<li>
					<a href="#"><img src="images/pm_off.png" /></a>
				</li>
				<li>
					<a href="#"><img src="images/wd_off.png" /></a>
				</li>
			</ul>
		</footer>
	</div>

</body>

</html>